<!DOCTYPE html>
<html >
<head th:include="include/commoncss::commoncss(~{})">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div th:replace="include/header::header"></div>
    <!--查询条件-->
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 15px;">
        <legend>搜索条件</legend>
    </fieldset>
    <form action="" method="post" id="searchUser" lay-filter="searchUser" class="layui-form">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">用户帐号</label>
                <div class="layui-input-inline">
                    <input type="text" name="userAccount" id="userAccount" class="layui-input input-radius"
                           placeholder="请输入用户帐号">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">用户姓名</label>
                <div class="layui-input-inline">
                    <input type="text" name="userName" id="userName" class="layui-input input-radius"
                           placeholder="请输入用户姓名">
                </div>
            </div>

            <div class="layui-inline" style="padding-left: 3%">
                <button type="button" class="layui-btn layui-btn-sm layui-btn-radius" lay-submit="" lay-filter="doSearch"><i
                        class="layui-icon layui-icon-search layui-icon-normal"></i>查询
                </button>
                <button type="reset" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-warm"><i
                        class="layui-icon layui-icon-refresh"></i><span>重置</span>
                </button>
            </div>
        </div>
    </form>
    <!-- 用户列表 -->
    <div>
        <table class="layui-hide" id="userList" lay-filter="userList"></table>
    </div>
    <!-- 表格操作 -->
    <script type="text/html" id="usersToolBar">
        <button type="button" lay-event="userAdd" class="layui-btn layui-btn-sm layui-btn-normal layui-btn-radius">
            <i class="layui-icon layui-icon-add-1"></i>添加用户
        </button>
    </script>
    <!-- 用户操作 -->
    <script type="text/html" id="userListOpt">
        <a class="layui-btn layui-btn-xs" lay-event="userEdit">编辑</a>
        <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="userDel">删除</a>
    </script>
    <!-- 添加或修改弹出层 -->
    <div style="display: none;padding: 10px;padding-right: 5%" id="addOrUpdateUser">
        <form action="" method="post" class="layui-form" id="addOrUpdateForm" lay-filter="addOrUpdateForm">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">帐号</label>
                    <div class="layui-input-block">
                        <input type="hidden" name="userId">
                        <input type="text" name="userAccount" lay-verify="required" autocomplete="off"
                               class="layui-input input-radius" placeholder="请输入帐号">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">姓名</label>
                    <div class="layui-input-block">
                        <input type="text" name="userName" lay-verify="required" autocomplete="off"
                               class="layui-input input-radius" placeholder="请输入姓名">
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">密码</label>
                    <div class="layui-input-block">
                        <input type="password" name="userPwd" lay-verify="required" autocomplete="off"
                               class="layui-input input-radius" placeholder="请输入密码">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">确认密码</label>
                    <div class="layui-input-block">
                        <input type="password" lay-verify="required|confirmPass" autocomplete="off"
                               class="layui-input input-radius" placeholder="请再次输入密码">
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">身份类型</label>
                    <div class="layui-input-block">
                        <input type="radio" name="userType" value="1" title="普通用户" checked>
                        <input type="radio" name="userType" value="0" title="管理员" >
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block" style="text-align: center;padding-right: 7%">
                    <button type="button" class="layui-btn layui-btn-radius" lay-submit="" lay-filter="userSubmitBtn" id="userSubmitBtn"><i
                            class="layui-icon layui-icon-search layui-icon-normal"></i>提交
                    </button>
                    <button type="userReset" class="layui-btn layui-btn-radius layui-btn-warm"><i
                            class="layui-icon layui-icon-refresh"></i><span>重置</span>
                    </button>
                </div>
            </div>
        </form>
    </div>

    <div th:include="include/commonjs::commonjs(~{::script})">
        <script type="text/javascript" src="/resources/js/common/header.js"></script>
        <script type="text/javascript" src="/resources/js/system/usermanage/usermanage.js"></script>
    </div>
</div>
</body>
</html>